<template>
  <div class="warpper">
    <div class="title">
      {{ systemGreet.title }}
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
import { sayHello } from "@/utils/Time/index.js";
const systemGreet = ref(""); // 系统的问候语
systemGreet.value = sayHello();
</script>
<style lang="scss" scoped>
.warpper {
  width: 100%;
  background-size: cover;
  .title {
    color: red;
    font-size: 14px;
    font-weight: 700;
  }
}
</style>
